<template>
  <div class="hello">
    <img src="../assets/logo.png">
    <h1>{{ msg }}</h1>
    <p>当前位置：{{$route.name}}</p>
    <router-link to="/">首页</router-link> |
    <router-link to="/londy">使用别名alias</router-link> |
    <router-link :to="{name:'hi',params:{username:'londy'}}">Hi页面</router-link> |
    <router-link to="/NewContent/198/londy">新闻内页</router-link>
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="sass">
h1, h2
  font-weight: normal
ul
  list-style-type: none
  padding: 0

li
  display: inline-block
  margin: 0 10px
a
  color: #42b983

</style>
